<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <script type="text/javascript" src="/static/utils/scripts/flat-ui.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/static/utils/image/favicon.ico" type="image/x-icon" />
    <meta charset="UTF-8">
    <title>学生信息管理系统</title>

    <script type="text/javascript" src="/static/utils/js/jquery-3.3.1.min.js"></script>
    <!-- Loading Bootstrap -->
    <link href="/static/utils/css/vendor/bootstrap.min.css" rel="stylesheet">
    <!-- Loading Flat UI Pro -->
    <link href="/static/utils/css/flat-ui.css" rel="stylesheet">
    <!-- Loading Flat UI JS -->
    <script type="text/javascript" src="/static/utils/scripts/flat-ui.min.js"></script>

    <!--<script type="text/javascript">
        $(document).ready(
            function() {
                $("#classroom").change(
                    function() {
                        $.post("/StudentInfo/AjaxHandler/existTime?coursetime=" +
                            $("#coursetime").val() + "&courseweek=" +
                            $("#courseweek").val() + "&classroom=" +
                            $("#classroom").val(),
                            function(data,
                                status) {
                                $("#couplan").html(data);
                            })

                    })

            })
    </script>-->

    <script type='text/javascript' src='/StudentInfo/utils/scripts/particles.js'></script>
    <link href="/StudentInfo/utils/css/animate.css" rel="stylesheet">
</head>




<body>
    <div id="particles-js"><canvas class="particles-js-canvas-el" width="1322" height="774" style="width: 100%; height: 100%;"></canvas></div>
    <div>
        <nav class="navbar navbar-inverse navbar-expand-lg" role="navigation">
            <a class="navbar-brand" href="/index?u=teacher">学生信息管理系统</a>
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse-01"></button>
            <div class="collapse navbar-collapse" id="navbar-collapse-01">
                <ul class="nav navbar-nav mr-auto">
                    <li><a href="/addCourse"><strong>添加教学课程</strong></a>

                    <li><a th:href="@{'http://localhost:8080/manageCourse/' + ${sid}}"><strong>管理教学课程</strong></a>

                    <li><a th:href="@{'http://localhost:8080/show/' + ${sid}}"><strong>查看名单</strong></a>

                    <li><a th:href="@{'http://localhost:8080/myt/' + ${sid}}"><strong>管理本人信息</strong></a>

                </ul>
                <p class="navbar-text navbar-right" th:text="|你好! ${sname} 老师|"></p>
                <a href="/logout" class="navbar-link">注销</a>
            </div>
        </nav>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h5>新建课程</h5>
                <form action="/addedCourse" method="get">
                    <div class="row">
                        <div class="col-md-6">
                            <br /> 新建课程名称 <input type="text" name="courseclass" class="form-control" maxlength="8" /> 上课时间 <label class="checkbox" for="coursetime1"> <input type="checkbox"
								name="coursetime" value="第一二节" id="coursetime1"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 第一二节
							</label> <label class="checkbox" for="coursetime2"> <input
								type="checkbox" name="coursetime" value="第三四节" id="coursetime2"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 第三四节
							</label> <label class="checkbox" for="coursetime3"> <input
								type="checkbox" name="coursetime" value="第五六节" id="coursetime3"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 第五六节
							</label> <label class="checkbox" for="coursetime4"> <input
								type="checkbox" name="coursetime" value="第七八节" id="coursetime4"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 第七八节
							</label> <br> 上课周 <label class="checkbox" for="courseweek1">
								<input type="checkbox" name="courseweek" value="星期一"
								id="courseweek1" data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期一
							</label> <label class="checkbox" for="courseweek2"> <input
								type="checkbox" name="courseweek" value="星期二" id="courseweek2"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期二
							</label> <label class="checkbox" for="courseweek3"> <input
								type="checkbox" name="courseweek" value="星期三" id="courseweek3"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期三
							</label> <label class="checkbox" for="courseweek4"> <input
								type="checkbox" name="courseweek" value="星期四" id="courseweek4"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期四
							</label> <label class="checkbox" for="courseweek5"> <input
								type="checkbox" name="courseweek" value="星期五" id="courseweek5"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期五
							</label> <label class="checkbox" for="courseweek6"> <input
								type="checkbox" name="courseweek" value="星期六" id="courseweek6"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期六
							</label> <label class="checkbox" for="courseweek7"> <input
								type="checkbox" name="courseweek" value="星期日" id="courseweek7"
								data-toggle="checkbox" class="custom-checkbox"><span
								class="icons"><span class="icon-unchecked"></span><span
									class="icon-checked"></span></span> 星期日
							</label>

                        </div>
                        <div class="col-md-6">
                            <h6>课程编号</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="cid" th:value="${cid}" class="form-control" readonly />
                                </div>
                            </div>
                            <h6>教师编号</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="tid" th:value="${sid}" class="form-control" readonly />
                                </div>
                            </div>
                            <h6>上课教室</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="classroom" id="classroom" class="form-control" maxlength="8" />
                                </div>
                            </div>
                            <span id="couplan" style="color: #ff0000;"></span>
                            <h6>学分</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="credits" class="form-control" oninput="value=value.replace(/[^\d]/g,'')" maxlength="1" />
                                </div>
                            </div>
                            <h6>课程类型</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <label class="checkbox" for="bixiu"> <input
                                            type="radio" name="type" value="必修" id="bixiu"
                                            data-toggle="radio" class="custom-checkbox"> 必修
                                    </label>
                                    <label class="checkbox" for="xuanxiu"> <input
                                            type="radio" name="type" value="选修" id="xuanxiu"
                                            data-toggle="radio" class="custom-checkbox"> 选修
                                    </label>
                                </div>
                            </div>
                            <h6>总人数</h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" name="totalnum" class="form-control" oninput="value=value.replace(/[^\d]/g,'')" maxlength="2" />
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12" style="margin-top: 1rem;">
                            <input type="submit" value="添加" class="btn btn-primary btn-wide login-btn" />
                        </div>

                    </div>
                </form>
            </div>


        </div>

    </div>
    <script type="text/javascript" src="/static/utils/scripts/flat-ui.js"></script>
    <script src="/static/utils/scripts/bganimation.js"></script>
</body>

</html>